<template>
  <div>
    <!--    <div class="box">hello world</div>-->
    <!--  路由容器  -->
    <router-view></router-view>

    <tabbar v-show="this.$store.state.isTabbarShow"></tabbar>

    <!--  路由容器  -->
    <!--    <router-view></router-view>-->

  </div>
</template>
<script>
import tabbar from '@/components/Tabbar'

import Vue from "vue";
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant)   // 全局定义vant组件

import '../src/assets/resetVui.css'

export default {
  components: {
    tabbar
  }
}
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

ul {
  list-style: none;
}

body {
  font-size: 16px;
  font-family: Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.box {
  width: 3.75rem;
  height: 2.1rem;
  //background-color: yellow;
}

.router-link-active {
  color: #ff5f16;
}

</style>
